<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>黄刚的京东网页</title>
    <link rel="stylesheet" href="../css/jd.css">
    <link rel="stylesheet" href="../css/reset.css">
    <link rel="stylesheet" href="../font/iconfont.css">
</head>

<body>
    <!-- 顶部浮动框 -->
    <div class="container">
        <div class="jd_container w">
            <a href="#">
                <img src="../images/4.webp" alt="">
            </a>
            <button class="del">X</button>
        </div>
    </div>
    <!-- 第一层  登入注册栏 -->
    <div class="header" id="jd1">
        <div class="con w">
            <div class="map">
                <i class="iconfont iconicon-test"></i>
                <span>广东</span>
            </div>
            <div id="map">
                <div>
                    <p></p>
                    <ul></ul>
                </div>
                <div>
                    <p></p>
                    <ul></ul>
                </div>
                <div>
                    <p></p>
                    <ul></ul>
                </div>
            </div>
            <ul>
                <li>
                    <a href="./login.html">你好,请登入</a>
                </li>
                <li>
                    <a href="./register.html">免费注册</a>
                </li>
                <span class="spacer">|</span>
                <li>
                    <a href="javascript:;">我的订单</a>
                </li>
                <span class="spacer">|</span>
                <li>
                    <a href="javascript:;">我的京东
                        <i class="iconfont iconjiantou"></i>
                    </a>
                </li>
                <div id="mj">
                    <div></div>
                    <div></div>
                </div>
                <span class="spacer">|</span>
                <li>
                    <a href="javascript:;">京东会员</a>
                </li>
                <span class="spacer">|</span>
                <li>
                    <a href="javascript:;">企业采购
                        <i class="iconfont iconjiantou"></i>
                    </a>
                </li>
                <div id="qycg">
                    <ul></ul>
                </div>
                <span class="spacer">|</span>
                <li>
                    <a href="javascript:;">客户服务
                        <i class="iconfont iconjiantou"></i>
                    </a>
                </li>
                <div id="serv">
                    <div>
                        <p>客户</p>
                    </div>
                    <div>
                        <p>商户</p>
                    </div>
                </div>
                <span class="spacer">|</span>
                <li>
                    <a href="javascript:;">网站导航
                        <i class="iconfont iconjiantou"></i>
                    </a>
                </li>
                <div id="web">
                    <div>
                        <p></p>
                    </div>
                    <div>
                        <p></p>
                    </div>
                    <div>
                        <p></p>
                    </div>
                    <div>
                        <p></p>
                    </div>
                </div>
                <span class="spacer">|</span>
                <li>
                    <a href="javascript:;">手机京东</a>
                </li>
            </ul>
        </div>
    </div>

    <!--第二部分  搜索部分 -->
    <div class="search">
        <div class="con w">
            <div class="top">
                <div class="form">
                    <input type="text" value="电视盒子" class='ipt'>
                    <a href="javascript:;">
                        <i class="iconfont iconzhaoxiangji"></i>
                    </a>
                    <button>
                        <i class="iconfont iconsousuo"></i>
                    </button>
                </div>
                <div class="cw-icon">
                    <i class="iconfont icongouwuche"></i>
                    <a href="./login.html">我的购物车</a>
                    <div class="car">0

                    </div>
                </div>
            </div>
            <div class="gif">
                <a href="javascript:;" class="logo">
                    <img src="../images/2.png" alt="">
                </a>
            </div>
            <div class="treasure">
                <a href="javascript:;">
                    <img src="../images/3.webp" alt="">
                </a>
            </div>
            <div id="hotwords">
                <li>
                    <a href="javascript:;">吃货嘉年华</a>
                </li>
                <li>
                    <a href="javascript:;">京心生活</a>
                </li>
                <li>
                    <a href="javascript:;">光影精灵</a>
                </li>
                <li>
                    <a href="javascript:;">买一赠一</a>
                </li>
                <li>
                    <a href="javascript:;">999-300</a>
                </li>
                <li>
                    <a href="javascript:;">全球好物</a>
                </li>
                <li>
                    <a href="javascript:;">199减100</a>
                </li>
                <li>
                    <a href="javascript:;">OPPO大牌</a>
                </li>
                <li>
                    <a href="javascript:;">药房五年</a>
                </li>
            </div>
            <div id="navitems">
                <li>
                    <a href="javascript:;">秒杀</a>
                </li>
                <li>
                    <a href="javascript:;">优惠券</a>
                </li>
                <li>
                    <a href="javascript:;">PLUS会员</a>
                </li>
                <li>
                    <a href="javascript:;">品牌闪购</a>
                </li>
                <li>
                    <a href="javascript:;">拍卖</a>
                </li>
                <li>
                    <a href="javascript:;">京东家电</a>
                </li>
                <li>
                    <a href="javascript:;">京东超市</a>
                </li>
                <li>
                    <a href="javascript:;">京东生鲜</a>
                </li>
                <li>
                    <a href="javascript:;">京东国际</a>
                </li>
                <li>
                    <a href="javascript:;">京东云</a>
                </li>
            </div>
        </div>
    </div>
    <!-- 搜索框固定部分 -->
    <div class="search_mBox">
        <div class="search_m w">

            <div class="form">
                <input type="text" value="电视盒子" class='ipt'>
                <a href="javascript:;">
                    <i class="iconfont iconzhaoxiangji"></i>
                </a>
                <button>
                    <i class="iconfont iconsousuo"></i>
                </button>

            </div>
            <div class="cw-icon">
                <i class="iconfont icongouwuche"></i>
                <a href="./cart.html">我的购物车</a>
            </div>
            <div class="gif">
                <a href="javascript:;" class="logo">
                    <img src="../images/2.png" alt="">
                </a>
            </div>
        </div>
    </div>
    <!-- 第三部分 很多导航栏 -->
    <div class="grid w" id="jd3">
        <div class="left_cols">
            <ul class="left_menu">
                <li>
                    <a href="javascript:;">家用电器</a>
                </li>
                <li>
                    <a href="javascript:;">手机</a>/
                    <a href="javascript:;">运营商</a>/
                    <a href="javascript:;">数码</a>
                </li>
                <li>
                    <a href="javascript:;">电脑</a>/
                    <a href="javascript:;">办公</a>
                </li>
                <li>
                    <a href="javascript:;">家居</a>/
                    <a href="javascript:;">家具</a>/
                    <a href="javascript:;">家装</a>/
                    <a href="javascript:;">厨具</a>
                </li>
                <li>
                    <a href="javascript:;">男装</a>/
                    <a href="javascript:;">女装</a>/
                    <a href="javascript:;">童装</a>/
                    <a href="javascript:;">内衣</a>
                </li>
                <li>
                    <a href="javascript:;">美妆 </a>/
                    <a href="javascript:;">个护清洁</a>/
                    <a href="javascript:;">宠物</a>
                </li>
                <li>
                    <a href="javascript:;">女鞋</a>/
                    <a href="javascript:;">箱包</a>/
                    <a href="javascript:;">钟表</a>/
                    <a href="javascript:;">珠宝</a>
                </li>
                <li>
                    <a href="javascript:;">男鞋</a>/
                    <a href="javascript:;">运动</a>/
                    <a href="javascript:;">户外</a>
                </li>
                <li>
                    <a href="javascript:;">房产</a>/
                    <a href="javascript:;">汽车</a>/
                    <a href="javascript:;">汽车用品</a>
                </li>
                <li>
                    <a href="javascript:;">母婴</a>/
                    <a href="javascript:;">玩具</a>/
                    <a href="javascript:;">乐器</a>
                </li>

                <li>
                    <a href="javascript:;">食品</a>/
                    <a href="javascript:;">酒类</a>/
                    <a href="javascript:;">生鲜</a>/
                    <a href="javascript:;">特产</a>
                </li>

                <li>
                    <a href="javascript:;">艺术</a>/
                    <a href="javascript:;">礼品鲜花</a>/
                    <a href="javascript:;">农资绿植</a>
                </li>

                <li>
                    <a href="javascript:;">医药保健</a>/
                    <a href="javascript:;">计生情趣</a>
                </li>

                <li>
                    <a href="javascript:;">图书</a>/
                    <a href="javascript:;">文娱</a>/
                    <a href="javascript:;">教育</a>/
                    <a href="javascript:;">电子书</a>
                </li>

                <li>
                    <a href="javascript:;">机票</a>/
                    <a href="javascript:;">酒店</a>/
                    <a href="javascript:;">旅游</a>/
                    <a href="javascript:;">生活</a>
                </li>

                <li>
                    <a href="javascript:;">理财</a>/
                    <a href="javascript:;">众筹</a>/
                    <a href="javascript:;">白条保险</a>
                </li>

                <li>
                    <a href="javascript:;">安装</a>/
                    <a href="javascript:;">维修</a>/
                    <a href="javascript:;">清洁二手</a>
                </li>

                <li>
                    <a href="javascript:;">工业品</a>
                </li>
            </ul>
        </div>

        <div class="mid_pho">
            <div class="lbt_box">
                <ul id="lbt_bigbox">
                    <li>
                        <a href="javascript:;">
                            <img src="../images/lbt1.webp" alt="">
                        </a>
                    </li>
                    <li>
                        <a href="javascript:;">
                            <img src="../images/lbt2.webp" alt="">
                        </a>
                    </li>
                    <li>
                        <a href="javascript:;">
                            <img src="../images/lbt3.webp" alt="">
                        </a>
                    </li>
                    <li>
                        <a href="javascript:;">
                            <img src="../images/lbt4.jpg" alt="">
                        </a>
                    </li>
                    <li>
                        <a href="javascript:;">
                            <img src="../images/lbt5.webp" alt="">
                        </a>
                    </li>
                    <li>
                        <a href="javascript:;">
                            <img src="../images/lbt6.jpg" alt="">
                        </a>
                    </li>
                    <li>
                        <a href="javascript:;">
                            <img src="../images/lbt7.webp" alt="">
                        </a>
                    </li>
                    <li>
                        <a href="javascript:;">
                            <img src="../images/lbt8.webp" alt="">
                        </a>
                    </li>
                </ul>
                <ol id="ol"></ol>
                <span id="prev" class="iconfont iconjiantou2"></span>
                <span id="next" class="iconfont iconjiantou1"></span>
            </div>

            <div class="tp_box">
                <img src="http://img12.360buyimg.com/da/s380x300_jfs/t1/76212/20/4946/76268/5d30bce0E658e7d14/0618b1ae189197e1.png.webp"
                    alt="">
                <img src="http://img11.360buyimg.com/babel/s380x300_jfs/t1/124193/7/20235/50643/5fc1b453Ede1ff346/4cfd67de0ee4869a.jpg.webp"
                    alt="">
                <img src="http://img12.360buyimg.com/da/s380x300_jfs/t1/116454/11/2579/51892/5ea29e00E1bb404bc/cded5e2658fe4f81.png.webp"
                    alt="">
            </div>
        </div>

        <div class="right_login">
            <div class="right_login_top">
                <i class="iconfont iconkapian"></i>
            </div>
            <div class="right_login_mid">
                <i class="iconfont iconmaimaiche"></i>
            </div>
            <span>
                <a href="javascript:;">话费</a>
            </span>
            <span>
                <a href="javascript:;">机票</a>
            </span>
            <span>
                <a href="javascript:;">酒店</a>
            </span>
            <div class="right_login_bottom">
                <i class="iconfont iconjia"></i>
            </div>
        </div>
        <!-- 左侧伸缩图 -->
        <div class="ss_img">
            <img src="../images/7.webp" alt="">
        </div>
    </div>
    <!-- 第四部分秒杀 -->
    <div class="seckill w" id="jdms">
        <li>
            <a href="javascript:;">
                <div class="countdowm_title">
                    京东秒杀
                </div>
                <span class="iconfont iconlightning"></span>
                <div class="countdowm_desc">
                    <strong>00:00</strong>点场 距结束
                </div>
                <div id="ms">
                    <b></b> :
                    <b></b> :
                    <b></b>
                </div>
            </a>
        </li>
        <!-- <i ></i> -->
        <!-- <li><a href=""><img src="" alt=""></a></li>
        <li><a href=""></a></li>
        <li><a href=""></a></li>
        <li><a href=""></a></li>
        <li><a href=""></a></li> -->
        <!-- 右侧固定栏 -->
        <div class="elevator">
            <li>
                <a href='#jdms'>京东秒杀</a>
            </li>
            <li>
                <a href='#jd1'>特色优选</a>
            </li>
            <li>
                <a href='#jd2'>频道广场</a>
            </li>
            <li>
                <a href='#jd3'>为你推荐</a>
            </li>
            <li>
                <a href='#J_spec'>客服</a>
            </li>
            <li>
                <a href='#jd4'>反馈</a>
            </li>
        </div>
    </div>
    <!-- 第五部分 广告 -->
    <div id="J_spec">
        <div class="J_specTop w">
            <div class="J_specTop_left">
                <div class="J_specTop_left_top">
                    <h3>每日特价</h3>
                    <i class="smallIcon">
                        <a href="">></a>
                    </i>
                    <div class="tab_head">
                        <li>
                            <a href="">精选</a>
                        </li>
                        <li>
                            <a href="">美食</a>
                        </li>
                        <li>
                            <a href="">百货</a>
                        </li>
                        <li>
                            <a href="">个护</a>
                        </li>
                        <li>
                            <a href="">预售</a>
                        </li>
                    </div>
                </div>
                <div class="J_specTop_left_bottom">
                    <div class="tab_head_child"></div>
                    <div class="tab_head_child"></div>
                    <div class="tab_head_child"></div>
                    <div class="tab_head_child"></div>
                    <div class="tab_head_child"></div>
                </div>
            </div>
            <div class="J_specTop_right">
                <div class="J_specTop_right_top">
                    <h3>品牌闪购</h3>
                    <i class="smallIcon">
                        <a href="">></a>
                    </i>
                </div>
                <div class="J_specTop_right_bottom">
                    <a href="" class="right_bottom_left">
                        <img src="" alt="">
                    </a>
                    <div class="right_bottom_right">

                    </div>
                </div>
            </div>
        </div>

        <div class="J_specMiddle w" id="jd4">
            <div class="J_specMiddle_left">

            </div>
            <div class="J_specMiddle_right">

            </div>
        </div>

        <div class="J_specBottom w" id="jd2">
            <div></div>
            <div></div>
            <div></div>
            <div></div>
        </div>
    </div>
</body>
<script src="../js/jquery-1.12.4.min.js"></script>
<script src="../js/public_JQ.js"></script>
<script src="../js/JD_jQuery.js"></script>
<script src="../js/public.js"></script>
<script src="../js/jd.js"></script>

</html>